/*
  用法：
    <yl-cell isBorder="{{false}}" title="企业名称" value="隐藏分割线" value-class="custom-class"> </yl-cell>
  Props
    title                 标题
    value                 内容
    icon                  最左侧图标
    footer                尾部文字
    is-border             是否展示分割线
    arrow                 箭头方向 right up down
    required              是否显示表单必填星号
    textalign             文字方向 right、left
  Events
    click                 点击事件
  Slot
    -                     自定义cell
    icon                  自定义左侧图标
    title                 自定义标题
    value                 自定义value
    footer                自定义footer
  外部样式类
    title-class           标题样式
    value-class           value样式
*/
Component({
  externalClasses: ["cell-class","title-class","value-class"],
  options: {
    multipleSlots: true,
  },
  /**
   * 组件的属性列表
   */
  properties: {
    // 最左侧图标
    icon: {
      type: String,
      value: "",
    },
    // 标题
    title: {
      type: String,
      value: "",
    },
    // 内容
    value: {
      type: String,
      value: "",
    },
    // 尾部文字
    footer: {
      type: String,
      value: "",
    },
    // 是否展示分割线
    isBorder: {
      type: Boolean,
      value: true,
    },
    //  箭头方向 right up down
    arrow: {
      type: String,
      value: "",
    },
    // 是否显示表单必填星号
    required: {
      type: Boolean,
      value: false,
    },
    /*
      value文字方向，默认右
      right 右
      left 左
    */
    textalign: {
      type: String,
      value: "right",
    },
    isPadding: {
      type: Boolean,
      value: true,
    },
  },

  /**
   * 组件的初始数据
   */
  data: {},

  /**
   * 组件的方法列表
   */
  methods: {
    onClick: function (event) {
      this.triggerEvent("click", event.detail);
    },
  },
});
